.container{
    width: 1200px;
    margin: auto;
}
h2{
    @extend .container;
    height: 80px;
    line-height: 80px;
    background-color: rgba(0, 255, 255,.5);
    margin-top: 20px;
}
.product{
     margin: 20px 0;
    .productNav{
        height: 50px;
        @extend .container;
        background-color: rgba(135, 206, 235,.5);
        ul{
          
          display: flex;
          line-height: 50px;
          margin-left:20px ;
          li{
           margin-right: 20px;
           cursor: pointer;
            
          }
          :first-child{
              font-size: 18px;
              
          }
          .active{
               border-bottom: 2px solid red;
          }
        }
    }
    .productlist{
        margin-top: 20px;
      @extend .container;
      ul{
          display: flex;
          flex-wrap: wrap;
          // justify-content: space-between;
          li{
              width: 276px;
              height: 389px;
              // background-color: plum;
              // opacity: .5;
              margin: 5px 12px;
              &:hover{
                  box-shadow: -2px 4px 5px 3px rgba(36, 35, 35,.5);
              }
              img{
                  width: 100%;
                  height: 60%;
              }
              .cart-introduce{
                  width: 100%;
                  overflow: hidden;
                  white-space: nowrap;
                  text-indent: 1em;
                  text-overflow: ellipsis ;
                  margin: 15px 0;
              }
            .cart-source{
                width: 100%;
                  display: flex;
                  justify-content: space-between;
                  margin: 15px 0;
                  :first-child{
                      margin-left: 1em;
                     background-color:red;
                     color: white;
                  }
                  :last-child{
                      margin-right: 1em;
                  }
              }
              .cart-price{
                  margin-top: 30px;
                  
                   :first-child{
                      margin-left: 10px;
                       color: red;
                   }
                   .price{
                      color: red;
                      font-size: 30px;
                   }
                   .price-decimal{
                       color: red;
                   }
                   .vol{
                       float: right;
                       margin:12px 1em;
                       border: 1px solid red;
                       color: red;
                   }
              }
          
      }
    }
}  
.onTop{
     position: fixed;
     right: 100px;
     bottom: 250px;
     display: none;
     img{
         width: 60px;
         height: 60px;
     }
}
.addproduct{
     text-align: center;
     button{
         width: 250px;
         height: 70px;
         border-radius: 30px;
         background-color: #FEE44E;
         font-size: 20px;
         outline: none;
     }
}
} 